:root {
  --cdn-cascader-font-size: 12px;
  --cdn-cascader-primary: rgba(21, 98, 252, 1);
  --cdn-cascader-warning: rgba(255, 119, 0, 1);
  --cdn-cascader-warning-border: rgba(255, 228, 186, 1);
  --cdn-cascader-info-bg: rgba(191, 194, 199, 1);
  --cdn-cascader-success: rgba(0, 191, 113, 1);
  --cdn-cascader-danger: rgba(248, 53, 53, 1);

  /* 品牌色背景色 */
  --cdn-cascader-bg-primary: rgba(21, 98, 252, 0.08);
  /* 警告背景色 */
  --cdn-cascader-bg-warning: rgba(255, 119, 0, 0.08);
  /* 错误背景色 */
  --cdn-cascader-bg-danger: rgb(248, 53, 53, 0.08);
  /** 成功背景色 */
  --cdn-cascader-bg-success: rgba(0, 191, 113, 0.08);

  /* 强调/正文标题 */
  --cdn-cascader-color-text-1: #393C40;
  /* 次强调/正文标题 */
  --cdn-cascader-color-text-2: #8F959E;
  /* 辅助文字 */
  --cdn-cascader-color-text-3: #a6adb8;

  /* 区域间距  */
  --cdn-cascader-region-gap: 24px;

  /* 层级块 选中背景颜色  */
  --cdn-cascader-level-row-target-bg: var(--cdn-cascader-bg-primary);
  /* 层级块 选中背景颜色  */
  --cdn-cascader-level-row-target-border-color: var(--cdn-cascader-primary);

  /* 层级块 可放置背景颜色  */
  --cdn-cascader-level-row-sortable-bg: var(--cdn-cascader-bg-success);
  /* 层级块 可放置背景颜色  */
  --cdn-cascader-level-row-sortable-border-color: var(--cdn-cascader-success);

  /* L1 与 L2间距  */
  --cdn-cascader-level-gap: 8px;
  /* L1/L2 高度 */
  --cdn-cascader-level-height: 130px;
  /* L1/L2 圆角 */
  --cdn-cascader-level-radius: 4px;
  /* L1/L2 背景 */
  --cdn-cascader-level-bg-color: #f5f8fa;
  /* L1/L2 hover 背景 */
  --cdn-cascader-level-hover-bg-color: #f1f2f3;
  /* L1/L2 内边距 */
  --cdn-cascader-level-padding: 16px;

  /* L1/L2 子项 宽度 */
  --cdn-cascader-level-items-width: 160px;
  /* L1/L2 子项 圆角 */
  --cdn-cascader-level-items-radius: 8px;
  /* L1/L2 子项 间距 */
  --cdn-cascader-level-items-gap: 8px;
  /* L1/L2 子项 内边距x轴 */
  --cdn-cascader-level-items-padding: 16px;
  /* L1/L2 子项 内边距y轴 */
  --cdn-cascader-level-items-y-padding: 12px;
  /* L1/L2 子项 边框颜色*/
  --cdn-cascader-level-items-border-color: #eeeff2;
  /* L1/L2 子项 拖动占位 边框颜色*/
  --cdn-cascader-level-items-ghost-border-color: #bfc2c7;
  /* L1/L2 子项 复制后节点阴影*/
  --cdn-cascader-level-items-fallback-shadow: 0px 4px 8px -2px rgba(33, 65, 115, 0.12);
  /* 层级侧边栏宽度 */
  --cdn-cascader-level-sider-bar-width: 24px;
  /* 层级侧边栏间距 */
  --cdn-cascader-level-sider-bar-gap: 4px;
}
